.su-table{width: 100%;overflow: hidden;position: relative;}
.su-table-header, .su-table-footer,.su-tr {
    border: 1px solid #d6e1ee;height: 30px;width: 2000px;
}
.su-tr {
    border-top: none;
}

.su-table-header .th {
    float: left;padding: 0 5px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    position: relative;
    line-height: 30px;
    height: 28px;
    background: #fafdff;
    cursor: pointer;
    outline: 0;border-right: 1px solid #d6e1ee;;
}
.su-table-header .th:after {
    content: " ";
    position: absolute;right: 0;bottom: 0;
    top:0;
}
.su-table-header .th:after:hover {
   cursor: e-resize;
}
.su-table-body .su-tr .td {
    float: left;padding: 0 5px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    position: relative;;
    line-height: 30px;
    height: 29px;
    cursor: pointer;
    outline: 0;border-right: 1px solid #d6e1ee;;
}

.su-panel {
    background: #fff;
    position: absolute;
    font-size: 12px;
    width: 180px;
    display: block;;
    border: 1px solid #d6e1ee;;
    padding: 5px;z-index: 1;
    line-height: 1.5;
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, .08);
    border-radius: 3px;
}
.panel{margin-bottom: 0}

.su-table-header .th > i,.su-table-body .su-tr .td i {
    visibility: hidden;margin: 0 0 0 5px;
}
.no-selected{
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.su-no-data{font-size: 18px;text-align: center;line-height: 300px;    font-weight: 100;    color: #deb887;    outline: 0;}
.su-setting{    position: absolute;
    right: -1px;
    line-height: 30px;border-left: 1px solid #d6e1ee;
    height: 28px;
    background: #d6e1ee;cursor: pointer;
    width: 28px;
    z-index: 1;
    top: 1px;
    font-size: 18px;
    color: #256cb4;}
.su-setting i{    position: relative;
    top: 5px;
    left: 7px;}
.su-table-header .th:hover i {
    visibility: visible;
    color: #00cdff
}

.su-table-header .th.active i {
    visibility: visible;
    color: #00cdff
}

.su-filter-field-sort {
    display: block;
    line-height: 2.2;
    padding: 0 5px;
}

.su-filter-field-sort:hover {
    background: #f7f8fa;
}

.su-caret-top {
    top: -16px;
    border-width: 8px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #d6e1ee;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);    /*IE8支持*/
    position: absolute;
    left: 29px;
}

.su-caret-top div {
    top: -6px;
    right: -7px;
    border-width: 7px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
    position: absolute;
}
.su-clearfix {
    clear: both;
    zoom: 1;
    overflow: hidden;
}

.su-table-body {
    height: 500px;
}
.su-table-filter .tag{    border: 1px solid #d6e1ee;}
::-webkit-scrollbar {
    width: 7px;
    height: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background: #1984e9
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 4px rgba(158, 158, 158, 0.1)
}
.right-slider{

}